@charset "UTF-8";
/*======*/


body{background: #ffffff;}
input,button,select,textarea{outline:none} 
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
} 

@media all{
html, body {font-size: 16px;}
}

@media (min-height: 220px) and (min-width: 140px){
html, body {font-size: 9px;}
}
@media (min-height: 140px) and (min-width: 220px){
html {font-size: 9px;}
}

@media (min-height: 280px) and (min-width: 210px), (min-height: 210px) and (min-width: 280px), (min-height: 280px) and (min-width: 280px){
html, body {font-size: 14px;}
}
@media (min-height: 460px) and (min-width: 300px), (min-height: 300px) and (min-width: 460px){
html, body {font-size: 16px;}
}

@media (min-height: 620px) and (min-width: 340px), (min-height: 340px) and (min-width: 620px){
html, body {font-size: 20px;}
}

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1463907790_895725.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1463907790_895725.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1463907790_895725.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1463907790_895725.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1463907790_895725.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                    
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fanhui:before { content: "\e601"; }
.icon-yanzhengma:before { content: "\e602"; }
.icon-shouji:before { content: "\e603"; }
.icon-yaochi:before { content: "\e600"; }
.icon-biezhen:before { content: "\e604"; }

header .h-cont{  height: 5rem; line-height: 5rem; position: fixed; width: 100%; z-index: 99; background: #f19601;}
header .h-l{ color: #ffffff; }
header .h-r{ text-align: center; color: #ffffff; font-size:2rem;  height: 5rem; line-height: 5rem;width: 100%; color: #ffffff; }
/*头部占位*/
.h-ocupie{height: 5rem; width: 100%; overflow: hidden;}
.icon-person{ font-size:3rem; position: fixed; top: 0px; left: 1rem;}


/*底部分类*/
.my_ocupie{ height:7.3rem; width:100%; overflow:hidden;}
.home-nav-down {width: 100%; text-align: center; background: #ffffff; position:fixed; bottom:0px; left:0; z-index:9999; height:4em;  border-top:1px solid #d2d2d2;}
.home-nav-down td { border-left: 1px solid #FFFFFF; width: 24.99999%; }
.home-nav-down td.last{border-width: 0px;}
.home-nav-down td a { display: block; color: #666666; font-size:1em; padding:0.6em 0; text-decoration:none;}
.home-nav-down td .iconfont { padding-bottom:0.05em; font-size:1.8em; height: 1em; line-height: 1em; width: 100%; display: block;}
.home-nav-down td a.current { display: block; color: #f19601;  padding:0.5em 0;}


/*内容*/

.my_myPraise{ width:100%;  overflow:hidden; background: #ececec;}

.my_myPraise .tit{width: 100%;display: block;  background: #ffffff; line-height:6rem; color:#999999;font-size:1.7rem; float: left; padding:0 1rem; border-bottom: 1px solid #d2d2d2;}


.my_myPraise .goodscont{  width: 100%;overflow: hidden; margin-top:0.5rem; background: #ffffff;}
.my_myPraise .goods_pic{ margin:1rem 2rem 1rem 2rem; float: left; background: #ffffff; border:1px solid #d2d2d2; padding:0.5rem; }
.my_myPraise .goods_pic img{ width: 50px;height: 50px; display: block;}
.my_myPraise .goods_name{ overflow: hidden; float: left; margin-top: 1rem; }
.my_myPraise .goods_name .text1{ height: 3rem; line-height: 3rem; overflow: hidden; font-size:1.7rem;  color: #333333; }
.my_myPraise .goods_name .last{  color: #f32029;}


.my_myPraise .info{ width: 100%; overflow: hidden; float: left;  background: #ffffff;margin-top:1rem;  }


.my_myPraise .info .tip{ line-height: 4rem;overflow: hidden;  font-size:2.5rem;  color: #333333;padding: 0 1rem; margin-top:1rem; }
.my_myPraise .info .s2{ color: #f32029; float: right; padding-right: 1rem; }

.my_myPraise input{vertical-align:top;}
.my_myPraise .txt{ width: 100%;    position: relative;  border-bottom: 1px solid #999999; }
.my_myPraise .txt1{ width: 100%;padding: 2rem 2rem;   background: #f5f5f5; line-height:2rem; color:#333333;font-size:1.7rem; text-align: left;  border:0; }
.my_myPraise .txt2{ width:100%;line-height:3rem;height:3rem;    background: #f5f5f5;color:#999999;font-size:1.7rem; text-align: right; padding-right: 1rem; }
.my_myPraise .btnComplain{width:60%; height:5rem;line-height:5rem;overflow: hidden;background: #ffffff;  display: block;  font-size:2rem; color:#ffffff; border: 0; border-radius: 0.3rem; margin: 1rem  auto; text-align: center; background: #f55054;}
.my_myPraise .out .ui-btn{width:30%; overflow: hidden;display: block;  font-size:18px; color:#ffffff; border: 0; border-radius: 0.3rem; margin: 1rem  auto; text-align: center; background: #f55054;}

.my_myPraise .opra{ position:  relative; z-index: 99; }
.my_myPraise .opra .ui-btn-active{ background-color: #f19601;}
.my_myPraise .opra .ui-corner-all{ margin-left:35px;margin-right: 25px;}
.my_myPraise .opra .ui-slider a{
    margin-top: -20px;
    z-index: 2;
    width: 40px;
    height: 40px;
    background:url(/wechat/images/mark.png) 0 0 no-repeat; background-size: 100% 100%;
    /*border-color: transparent;*/
    box-shadow: 0 0 0 #ffffff;
    border: 0;
   }
/*用户评分*/
.my_myPraise .mark{width: 90%;    position: relative;  overflow: hidden; height: 5rem; margin:  0 auto; background: none; z-index: 99;}
.my_myPraise .line1{width:100%;  position: absolute;  overflow: hidden; height:1rem; top:2rem;left:0; background: #d2d2d2; border-radius: 2rem;}
.my_myPraise .line2{width: 100%; position: relative;  height: 5rem; left: -5rem; }
.my_myPraise .line2 .line1{width:100%;  position: absolute;  overflow: hidden; height:1rem; top:1.8rem;left:0; background: #f19601; border-radius: 2rem; float: left;}
.my_myPraise .line2 i{width:4.5rem; height:4.5rem; position: absolute; right:-1rem; top:-0.1rem; line-height: 5rem;  overflow: hidden;  color: #ffffff; border-radius:5rem; font-size:5rem;}

.my_myPraise .out{width: 100%;    position: relative;  overflow: hidden; background: #ffffff;}

/*body {text-shadow: 0 0 0 #f3f3f3;}*/
.ui-page-theme-a {text-shadow: 0 0 0 ; }
.ui-input-btn input{height: 50px;}
input[type='range'], input[type='range']::-webkit-slider-runnable-track, input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type='range']:nth-of-type(2) {
  padding: 0 3em;
  width:100%;
  height: 4.75em;
  border-radius: .25em;
  /* ------- the track ------- */
  /* ------- the fill ------- */
  /* ------- the ruler ------- */
  /* ------- the thumb ------- */
  /* ------- the tip ------- */
}
input[type='range']:nth-of-type(2)::-webkit-slider-runnable-track {
  width: 20.5em;
  height: 0.4375em;
  border-radius: 0.21875em;
  box-shadow: inset 0 1px 1px #888;
  background: #c6c6c6;
  -webkit-transform: translateY(-0.4375em);
          transform: translateY(-0.4375em);
}

input[type='range']:nth-of-type(2)::-webkit-slider-thumb {
  position: relative;
  z-index: 2;
  margin-top: -1.6rem;
  border-width: 0.125em;
  width: 2em;
  height: 2em;
  background:url(/wechat/images/mark.png) 0 0 no-repeat; background-size: 100% 100%;
  -webkit-filter: drop-shadow(1px 0.125em 0.125em rgba(0, 0, 0, 0.4));
          filter: drop-shadow(1px 0.125em 0.125em rgba(0, 0, 0, 0.4));
}


.txt textarea {border: 0px solid;overflow:hidden; resize:none;}
